$(function () {
  //var arr = ["耐克", "李宁", "新百伦", "耐克王", "阿迪王"];
  // var jsonStr = JSON.stringify(arr)
  // localStorage.setItem('search', jsonStr)

  function getHistory() {//封装字符串转数组
    var history = localStorage.getItem('search') || '[]'
    var arr = JSON.parse(history)
    return arr //返回数组
  }
  function render() {//渲染封装
    var arr = getHistory() //数组赋值给arr
    $('.lt-history').html(template('tmp', { arr: arr }))//模板引擎渲染
    // console.log(arr);

  }
  render()
  // 委托事件清空
  $('.lt-history').on('click', '.lt-remove', function () {
    //mui模板询问是否清除
    mui.confirm('你确定清除历史内容吗', '温馨提示', ['取消', '确定'], function (e) {
      // console.log(e);
      if (e.index == 1) {//判断e.index是否=1
        localStorage.removeItem('search')//是就清除
        render()//再次渲染
      }
    })
  })
  //点击清除一个元素
  $('.lt-history').on('click', '.wrong', function () {

    //给把this的值存给index
    var index = $(this).data('index')
//miu插件询问删除这条历史
    mui.confirm('你确定清除这条历史吗', '温馨提示', ['取消', '确定'], function (e) {
      console.log(e);
      arr = getHistory()//获取数组里的数据传给arr
      arr.splice(index, 1)//splice根据下标截取,取值1个
      var str = JSON.stringify(arr)//把数组转成字符串
      localStorage.setItem('search', str)//上传字符串
      render()//重新绚烂
    })
   

  })
  var key =''
  //点击搜索添加历史记录
  $('.search_btn').click(function () {

    arr = getHistory()//获取数组赋值给arr
    key = $('.search_input').val()//获取input里值
    // console.log(arr.indexOf(key));
    if (key.trim() == '') {//判断不为空
      mui.toast('请输入搜索内容')//mui弹出输入内容
      return//为空直接结束
    }
    if (arr.indexOf(key) > -1) {//判断indexOf有就返回该下标没有就返回-1
      arr.splice(arr.indexOf(key), 1)//截取该下标删除,取1位
      arr.unshift(key)//把相同的添加到第一位
      //上传把数组转成字符串
      localStorage.setItem('search', JSON.stringify(arr))
      render()//重新渲染
    } else {//没有就直接添加
      arr.unshift(key)//往数组前面添加
      console.log(key);
      //上传把数组转成字符串
      localStorage.setItem('search',JSON.stringify(arr)) 
      render()//重新渲染


    }

    if (arr.length > 5) {//当数组长度大于5
      getHistory() //把字符串转成数组
      arr.pop() //删除最后一个
       //上传把数组转成字符串
      localStorage.setItem('search',JSON.stringify(arr))
      render()//重新渲染
    }
       location.href='searchlist.html?key='+key
  })

    $('.search_input').val('')//把input框清空

    $('.lt-history').on('click','a',function() {
      console.log(111);
      
     $('.search_input').val($(this).text())
     $('.search_btn').click()
    })
 
})